<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Computer Science Society</title>

<link rel="stylesheet" href="css/style.css" type="text/css" />


</head>

<body>

<!-- wrap starts here -->
<div id="wrap">

	<!--header -->
	<div id="header">		
 
	<span style="position:absolute;top:10px;right:10px;color:#ffffff;font-size:12px;text-decoration:none;">
	<a wicket:id="logoutPage">Log Out</a></span>
		
	<!--header ends-->					
	</div>
		
	
	<!-- navigation starts-->	
	<div  id="nav">
		<ul>
			<li><a wicket:id="home">Home</a></li>
			<li><a href="#">Documents</a></li>
			<li><a href="#">Members</a></li>			
			<li><a href="#">Society Events</a></li>
			<li><a href="#">About Us</a></li>
				
		</ul>
	<!-- navigation ends-->	
	</div>					
			
	<!-- content-wrap starts -->
	<div id="content-wrap">	
	
     <div class="workspace">
		<ul>
		
		</ul>
	 </div>
	 
	 <div id="content">
	
	 	<form wicket:id="editForm">
			<p>
			<label><span >Student ID #:</span></label> 
			<input  disabled="true" type="text" style="width:100px" wicket:id="studentId"/>
			</p>	
				 
			<p><label><span >Year Level:</span></label> 
			<select wicket:id="yearLevel" id="yearLevel">
			<option value="1" >1</option>
			<option value="2" >2</option>
			<option value="3" >3</option>
			<option value="4" >4</option>
			</select> 
			</p> 
			<p> 
			<label><span >First Name:</span></label> 
			<input id="studentFirstName" type="text" style="width:250px" wicket:id="firstName" /> 
			</p>
			<p> 
			<label><span >Middle Name:</span></label> 
			<input id="studentMiddleName type="text" style="width:250px" wicket:id="middleName" /> 
			</p> 
			<p> 
			<label><span >Last Name:</span></label> 
			<input id="studentLastName" type="text" style="width:250px" wicket:id="lastName" /> 
			</p>
        	<p> 
			<label><span >Gender:</span></label> 
			<select id="studentGender" wicket:id="gender">
			<option value="Male" >Male</option>
			<option value="Female" >Female</option>
			</select> 
			</p>
			
			<p> 
			<label><span >Birthday:</span></label>		
			<input id="demo1" type="text" style="width:250px" wicket:id="birthday" /> 
			<a href="javascript:NewCal('demo1','ddmmmyyyy')"><img src="images/cal.gif"></a> 
			</p>
			
			<p> 
			<label><span >Address:</span></label> 
			<input type="text" id="studentAddress" style="width:250px" wicket:id="address"/> 
			</p>
			
			<p> 
			<label><span >Mobile Number:</span></label> 
			<input type="text" id="studentMobile" style="width:250px" wicket:id="contact" /> 
			</p>
			
			<p> 
			<label><span >Fields of Interests:</span></label> 
			<input type="text" id="studentField" style="width:250px" wicket:id="hobby" /> 
			</p>
			
        	 <div class="buttons">
    			
    			<table cellspacing="0">
							<tr>
								<td><input wicket:id="save" type="submit" value="save"/>&nbsp;</td>
								<td><input wicket:id="cancel" type="submit" value="cancel"/>&nbsp;</td>
							</tr>
				</table>
				
    		</div>
        	
 	       </form>
 	        <div style="position:absolute;top:470px;left:200px;width:300px;color:red;" wicket:id="error"></div>
		<div style="clear:both"></div>
	</div>
	</div>
	<!-- content-wrap ends-->	
	
		
	<!-- footer starts -->			
	<div id="footer-wrap">
		<div id="footer">				
			<p>		
			|<a href="#">2010 &copy;COMPUTER SCIENCE SOCIETY</a> |
			<a href="#">MSU -IIT</a> |
			</p>			
		</div>
	</div>
	<!-- footer ends-->	
	
	
	</div>
<!-- wrap ends here -->

	
</body>
</html>

        